// 变量
$primary-color: #f50;
body{
  h1{
    color: $primary-color;
  }
}

a{
  color: skyblue;
  &:hover{
    font-size: 50px;
    color: $primary-color;
  }
}

// mixins 复用代码
@mixin contain {
  width: 1200px;
  margin: auto;
}

.container{
  @include contain;
  color: #ccc;
}

.main{
  @include contain;
  color:#ffe
}